/*select2*/
.select2.select2-container--bootstrap{height: 38px;display: inline-block;}
.select2-container--bootstrap .select2-selection{border: 1px solid #cfcfcf;background-color: #f5f5f5  !important;    box-shadow: inset 0 0 1px rgba(0,0,0,.075);}
.select2-container--bootstrap .select2-selection--single{height: 38px;line-height: 1.7;}
.select2-container--bootstrap .select2-dropdown{ z-index: 1061;border: 1px solid #aaaaaa;}
.select2-treedialog{position: relative;display: inline-block;}
.select2-treedialog .select2tree-bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 8;display: none}
.select2-treedialog .select2-container{z-index: 9}
.select2-treedialog .select2-search{position: relative;width: 100%;}
.select2-treedialog .select2-search .select2-search__field{padding-right: 22px;}
.select2-treedialog .select2-search .fa-search{position: absolute;top: 3px;right: 5px;width: 22px;height: 30px;line-height: 30px;text-align: center;cursor: pointer;}
.select2-treedialog .select2-dropdown{overflow-y: hidden;}
.select2-treedialog .select2-tree{position: relative;height: 300px;  padding: 0 0 0 5px;  overflow-x: hidden; overflow-y: auto;}
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection{border-color: #aaaaaa;box-shadow: 0 1px 1px rgba(96, 96, 96, 0.1) inset, 0 0 8px rgba(52, 52, 52, 0.2);}
.select2-container--bootstrap.select2-container--disabled .select2-selection{background-color: #e8e8e8 !important;}
.select2-container--bootstrap .select2-results > .select2-results__options{overflow-x: hidden;word-wrap: break-word;}
.select2-results__option{word-break: break-all;}
.select-group .select-base{ display: inline-block;}
.search-base{position: relative;margin-bottom:2px}
.search-base .search-text{padding-right: 22px}
.search-base .search-icon{    position: absolute;  top: 0;  right: 3px;  width: 22px;  height: 30px;  line-height: 30px;  text-align: center;  cursor: pointer;}
.select2-container--bootstrap.select2-container--disabled.select2-container--focus .select2-selection{ border-color: #ccc;  box-shadow: 0 1px 1px rgba(96, 96, 96, 0) inset, 0 0 8px rgba(52, 52, 52, 0);}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered{font-family: "Microsoft YaHei";}
.select2-search--dropdown:before {position: absolute;right: 10px;display: block;width: 17px;height: 30px;line-height: 30px;float: right;content: '\f002';font-family: 'FontAwesome';font-size: 14px;text-align: right;cursor: pointer;}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field{padding-right: 22px;}

/*notifyjs*/
.notifyjs-metro-base {position: relative;min-height: 52px;min-width: 250px;color: #444;border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);-webkit-animation: dropdownOpen 0.3s ease-out;-o-animation: dropdownOpen 0.3s ease-out;animation: dropdownOpen 0.3s ease-out;}
.notifyjs-metro-base .image {display: table;position: absolute;height: auto;width: auto;left: 25px;top: 50%;font-size: 24px;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.notifyjs-metro-base .text-wrapper {display: inline-block;vertical-align: top;text-align: left;margin: 10px 10px 10px 52px;clear: both;}
.notifyjs-metro-base .title {font-size: 15px;line-height: 20px;margin-bottom: 5px;font-weight: bold;}
.notifyjs-metro-base .text {font-size: 12px;font-weight: normal;max-width: 360px;vertical-align: middle;}
.notifyjs-metro-cool {color: #fafafa !important;background-color: #4A525F;border: 1px solid #4A525F;}
.notifyjs-hidable.animated{ -webkit-animation-duration: .7s;  animation-duration: .7s;}


/*datepicker*/
.time-parent{position: relative;display: inline-block;}
.time-input-base{position: relative;display: inline-block;}
.time-input-base>.time-input{padding-right: 25px}
.time-input-base>.fa{position: absolute;  top: 12px;  right: 10px; color: #737373; cursor: pointer}
.time-input-base>.time-clear{cursor: pointer;}
.datepicker {  border-radius: 4px;  direction: ltr; border: 1px solid #e7e7e7;}
.datepicker-dropdown {  top: 0;  left: 0;  padding: 4px;  display: block;  }
.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, 0.15);
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}
.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-top: 0;
    position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {left: 6px;  }
.datepicker-dropdown.datepicker-orient-left:after {left: 7px;  }
.datepicker-dropdown.datepicker-orient-right:before {right: 6px;}
.datepicker-dropdown.datepicker-orient-right:after {right: 7px;}
.datepicker-dropdown.datepicker-orient-bottom:before {top: -7px;}
.datepicker-dropdown.datepicker-orient-bottom:after {top: -6px;}
.datepicker-dropdown.datepicker-orient-top:before {bottom: -7px;border-bottom: 0;border-top: 7px solid rgba(0, 0, 0, 0.15);}
.datepicker-dropdown.datepicker-orient-top:after {bottom: -6px;border-bottom: 0;border-top: 6px solid #ffffff;}
.datepicker-dropdown.datepicker-orient-right{left: auto;  right: 0;}
.datepicker-dropdown.datepicker-orient-bottom{top:42px}

.datepicker table {margin: 0;font-size: 14px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.datepicker table tr td, .datepicker table tr th {text-align: center;width: 30px;height: 30px;border-radius: 4px;border: none;box-sizing: border-box;}
.datepicker table tr th.time-head{padding: 0;}
.datepicker table tr td.day{color: #666666;}
.datepicker table tr td.old,.datepicker table tr td span.old, .datepicker table tr td.new ,.datepicker table tr td span.new {color: #9E9E9E;}
.datepicker table tr td.day:hover, .datepicker table tr td.focused {background: #eeeeee;cursor: pointer;}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {background: none;color: #b5b5b5;cursor: no-drop;text-decoration: line-through;}
.datepicker table tr td.active{color: #ffffff;background-color: #337ab7;border-color: #2e6da4;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.datepicker table tr td.active:focus{color: #ffffff;background-color: #286090;border-color: #122b40;}
.datepicker table tr td.active:hover{color: #ffffff;background-color: #286090;border-color: #204d74;}

.datepicker table tr td.time-head-month,.datepicker table tr td.time-body-month,
.datepicker table tr td.time-head-year,.datepicker table tr td.time-body-year {width: 210px}

.datepicker table tr td span {display: block;width: 25%;height: 54px;line-height: 54px;float: left;margin: 0;cursor: pointer;border-radius: 4px;color: #666}
.datepicker table tr td span:hover,.datepicker table tr td span.focused {background: #eeeeee;}
.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover {background: none;color: #b5b5b5;cursor: no-drop;text-decoration: line-through;}
.datepicker table tr td span.active,.datepicker table tr td span.active:hover {color: #ffffff;background-color: #337ab7;border-color: #2e6da4;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}

.datepicker .datepicker-switch-year,.datepicker .datepicker-switch-month {padding: 0 5px 1px 5px;  margin-top: 1px;}
.datepicker .time-prev, .datepicker .time-next{width:20px;height: 20px;}
.datepicker .time-head-day .time-prev, .datepicker .time-head-day .time-next{width: 40px}
.datepicker .prev-year, .datepicker .prev-month, .datepicker .next-year, .datepicker .next-month{width: 20px;height: 20px;}
.datepicker .prev-year, .datepicker .prev-month,.datepicker .time-prev{float: left;}
.datepicker .next-year, .datepicker .next-month,.datepicker .time-next{float: right;}
.datepicker .datepicker-switch-year,
.datepicker .datepicker-switch-month,
.datepicker .prev-year,
.datepicker .prev-month,
.datepicker .next-year,
.datepicker .next-month,
.datepicker tfoot tr th{
    cursor: pointer;
}
.datepicker .datepicker-switch-year:hover,
.datepicker .datepicker-switch-month:hover,
.datepicker .prev-year:hover,
.datepicker .prev-month:hover,
.datepicker .next-year:hover,
.datepicker .next-month:hover,
.datepicker tfoot tr th:hover {
    background: #eeeeee;
}
.datepicker-range{width: 600px}
.datepicker>.calendar-range{display: block;float: left;max-width: 270px;padding: 4px;position: relative}
.calendar-range.calendar-left{margin-right: 1px;}
.calendar-range.calendar-right{}
.calendar-range.calendar-quick{text-align: left;width: auto;}
.calendar-range>.calendar-text,.calendar-range>.calendar-panel{padding-right: 12px;}
.calendar-range>.calendar-text>.time-input-base{width: 100%}
.calendar-range>.calendar-text>.time-input-base>.form-control{height: 30px;line-height: 30px;padding-top: 0; padding-bottom:0;width: 100%;}
.calendar-range>.calendar-text>.time-input-base>.fa{top: 8px;cursor: default}
.calendar-range .range-in {background-color: #ebf4f8;border-color: transparent;color: #000;border-radius: 0;}
.calendar-range .active.date-start,.calendar-range .active.date-end, .calendar-range .active.date-start.date-end{border-radius: 4px;}
.calendar-range .active.date-start{border-bottom-right-radius: 0;border-top-right-radius: 0}
.calendar-range .active.date-end{border-bottom-left-radius: 0;border-top-left-radius: 0}
.calendar-range .active.date-start:hover{border-radius: 4px;}

.calendar-quick ul {list-style: none;margin: 0 auto;padding: 0;width: 120px;}
.calendar-quick li {font-size: 13px;background: #f5f5f5;border: 1px solid #f5f5f5;border-radius: 4px;color: #08c;padding: 3px 12px;margin-bottom: 8px;cursor: pointer;line-height: normal;}
.calendar-quick li:hover {background: #08c;border: 1px solid #08c;color: #fff;}
.calendar-quick li.active {background: #08c;border: 1px solid #08c;color: #fff;}

.datepicker-times{text-align: center;padding-bottom: 7px; width: 210px;height: auto}
.datepicker-times-inner{clear: both;text-align: center;padding-bottom: 7px;height: 200px;}
.datepicker-times .times-container{position: absolute;top: 0;left: 0;right: 0;bottom: 0;visibility: visible;opacity: 1;}
.datepicker-times .times-overlay{width: 100%;height: 100%;background-color: rgba(0,0,0,.6);border-radius: 4px;}
.datepicker-times .times-submit{position: absolute;cursor: pointer;right: 10px;top: 10px;}
.times-clock{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);margin-top: -21px;width: 170px;height: 170px;padding: 4px;border-radius: 50%;border: 2px solid #fff;background-color: #333;}
.times-clock .clock-nums{width: 135px;height: 135px;padding: 14px;position: relative;}
.times-clock .clock-nums .clock-num{position: absolute;width: 2rem;height: 2rem;line-height: 2rem;text-align: center;color: #ccc;font-weight: 700;font-size: 1rem;border-radius: 50%;cursor: pointer;}
.times-clock .clock-nums .clock-num:hover{background-color: #0275d8;color: #fff;}
.times-clock .clock-pointer{}
.times-clock .clock-pointer .pointer-hour,
.times-clock .clock-pointer .pointer-minute,
.times-clock .clock-pointer .pointer-second {position: absolute;left: 50%;top: 50%;background-color: #fff;-webkit-transform-origin: .7rem 50%;transform-origin: .7rem 50%;-webkit-transition: .3s;transition: .3s;}
.times-clock .clock-pointer .pointer-hour{width: 48px;height: 4px;margin: -2px 0 0 -10px;}
.times-clock .clock-pointer .pointer-minute{width: 57px;height: 3px;margin: -1px 0 0 -10px;}
.times-clock .clock-pointer .pointer-second{width: 66px;height: 2px;margin: -1px 0 0 -10px;}
.times-clock .clock-pointer .pointer-active{background-color: #0275d8;}
.times-clock .clock-am{position: absolute;text-align: center;right: -20px;bottom: -12px;padding: 0 3px;cursor: pointer;font-weight: 700;border-radius: 4px;border: 2px solid #fff;color: #777;background-color: #333;}
.times-clock .clock-am .am-active{color: #0275d8;}
.datepicker-times .clock-set{position: relative;width: 50px;display: inline-block;height: 31px;line-height: 31px;margin: 0 4px;background-color: #ffffff;border: 1px solid rgba(0,0,0,.15);border-radius:3px;padding-right:20px;cursor: pointer;}
.datepicker-times .clock-set .clock-set-sub,.datepicker-times .clock-set .clock-set-add{position: absolute;width: 20px;height: 15px;text-align: center;display: block;border-left: 1px solid rgba(0,0,0,.15);background-color: #ffffff;right: 0;color: inherit;}

.datepicker-times.times-open .clock-set.clock-set-active,
.datepicker-times.times-open .clock-set.clock-set-active .clock-set-sub,
.datepicker-times.times-open .clock-set.clock-set-active .clock-set-add{background-color: #ffffff;}
.datepicker-times .clock-set .clock-set-sub:hover,.datepicker-times .clock-set .clock-set-add:hover{color:#0275d8}
.datepicker-times .clock-set .clock-set-sub:active,.datepicker-times .clock-set .clock-set-add:active{background-color: #D2D2D2}
.datepicker-times.times-open .clock-set.clock-set-active .clock-set-sub:active,.datepicker-times.times-open .clock-set.clock-set-active .clock-set-add:active{background-color: #F0F0F0}
.datepicker-times .clock-set .clock-set-sub{top:0;z-index: 1}
.datepicker-times .clock-set .clock-set-add{bottom: 0;}
.datepicker-times .clock-set .clock-set-sub >i,.datepicker-times .clock-set .clock-set-add>i{vertical-align: top}

.datepicker-times .clock-set.clock-set-disabled,
.datepicker-times .clock-set.clock-set-disabled .clock-set-sub,
.datepicker-times .clock-set.clock-set-disabled .clock-set-add{cursor: no-drop; background-color: #b0b0b0;}

.datepicker-times .times-container{display: none;}
.datepicker-times.times-open .times-container{display: block;}
.datepicker-times.times-open .clock-set,.datepicker-times.times-open .clock-set .clock-set-sub,.datepicker-times.times-open .clock-set .clock-set-add{background-color: #dedede;}
.datepicker-days-times{margin-top: 5px}
.datepicker-days-times .datepicker-times-inner{display: none !important;}
.datepicker-days-submit{text-align: center;height: 30px;line-height: 30px;border-radius: 4px;border: 1px solid #2196f3;color: #ffffff;background-color: #2196f3;cursor: pointer}
.datepicker-days-submit:hover{background-color: #0088cc !important;border: 1px solid #0088cc !important; }
.datepicker-days-submit.days-submit-disabled,.datepicker-days-submit.days-submit-disabled:hover{cursor: no-drop;background-color: #d7d7d7 !important;border-color: #d0d0d0 !important;}
    /*parsley*/
.form-parsley input[type="text"].form-control,
.form-parsley input[type="password"].form-control,
.form-parsley input[type="url"].form-control,
.form-parsley input[type="email"].form-control,
.form-parsley textarea.form-control{display: inline-block;}
.error {color: #f05050;font-size: 12px;font-weight: 500;}
.parsley-error{border-color: #f05050 !important;}
.parsley-errors-list {display: none;margin: 0;padding: 0;}
.parsley-errors-list.filled {display: none;}
.parsley-errors-list > li {font-size: 12px;list-style: none;color: #f6504d;}
.parsley-error-icon{margin-left: 5px;color: red !important;cursor: default;display: none;}
.parsley-error ~ .parsley-error-icon{display: inline-block}
.parsley-errors-list.filled ~ .select2-container .select2-selection{border-color: #f05050;}
.parsley-errors-list.filled ~ .select2-container.select2-container--open .select2-selection{border-color: #aaaaaa;}
.parsley-error.box-file ~ .parsley-error-icon{position: absolute;  top: 3px;  right: -17px;}
.parsley-error ~ .ace-file-containe,.ace-file-input .parsley-error ~ .ace-file-container,.ace-file-input .parsley-error ~ .ace-file-container:hover{border-color:#F05051}
.parsley-err-absolute{padding-right: 16px;position: relative;}
.parsley-err-absolute .parsley-error-icon{position: absolute; top:0;right: -1px;height: 38px; line-height: 38px}
.parsley-err-absolute.parsley-icon-top .parsley-error-icon{height: 14px;line-height: 14px;}
.parsley-err-absolute.parsley-erricon-r6 .parsley-error-icon{right: 6px;}
.parsley-err-absolute.parsley-erricon-r4 .parsley-error-icon{right: 4px;}
.parsley-err-absolute.parsley-erricon-r3 .parsley-error-icon{right: 3px;}
.parsley-err-absolute.parsley-erricon-r-1 .parsley-error-icon{right: -1px;}
.parsley-err-absolute.parsley-erricon-r-5 .parsley-error-icon{right: -5px;}
.parsley-err-absolute.parsley-erricon-r-17 .parsley-error-icon{right: -17px;}
.parsley-err-absolute.parsley-erricon-r-21 .parsley-error-icon{right: -21px;}
.parsley-err-absolute.parsley-err-time{padding-right: 0;}
.parsley-err-absolute.parsley-err-time .parsley-error-icon{right:-21px;}
.parsley-parent-error.input-group .input-group-addon:first-child+.form-control{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.box-input-group>.parsley-err-absolute .parsley-error-icon{right: -21px;}
.form-parsley-style-lower .parsley-error{border-color: #FFFFFF !important;}
.form-parsley-style-lower .parsley-error-msglower{margin-left: 5px;color: red}
.d-inline-block .parsley-error-icon{margin-left: 9px;}
/*.form-parsley-style-lower .parsley-errors-list.filled{display: block}*/

    /* x-editable */
.editable-click,a.editable-click,a.editable-click:hover {border-bottom: 1px dashed #0088cc;}
.editable-unsaved{font-weight: inherit;}
.editable-container .editable-buttons .btn.btn-sm {height: 30px;}
.editable-container .editable-input .form-control {font-family: "Microsoft YaHei";background-color: #ffffff !important;padding: 3px 12px;height: 30px;}
.editable-container .select2.select2-container--bootstrap{height: 30px;}
.editable-container .select2-container--bootstrap .select2-selection--single{height: 30px;  padding: 3px 12px;}
.editable-container .select2-container--bootstrap .select2-selection{background-color: #ffffff !important;}

/*.switchery*/
.form-horizontal .switchery{margin-top: 4px;}

/*.tooltip*/
.tooltip-inner{ padding: 8px;}
.tooltip .tooltip-inner,.tooltip .tooltip-inner p{ word-wrap: break-word;  word-break: normal;}
.tooltip .tooltip-inner{max-width: 300px;text-align: left}
.tooltip .tooltip-inner p{ max-width:150px;}
.tooltip .tooltip-inner p span{display: inline-block;}

/*Nestable*/
.dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 14px; line-height: 20px; }
.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }
.dd-item,.dd-empty,.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 14px; line-height: 20px; }
.dd-handle { display: block; height: 30px; margin: 5px 0; padding: 5px 10px; cursor: move; color: #999999; text-decoration: none; font-weight: bold; border: 1px solid #e5e5e5;background: #fafafa;box-sizing: border-box; -moz-box-sizing: border-box;}
.dd-handle:hover { color: #317eeb; background: #fff; }
.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }
.dd-placeholder,.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
    -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
    linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}
.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {  -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);  box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);}
.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #979898; text-decoration: none; font-weight: bold; border: 1px solid #e5e5e5;background: #fafafa;box-sizing: border-box; -moz-box-sizing: border-box;}
.dd3-content:hover { color: #317eeb; background: #fff; }
.dd-dragel > .dd3-item > .dd3-content { margin: 0; }
.dd3-item > button { margin-left: 30px; }
.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;border: 1px solid #ccc;background: #d5d5d5;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.dd3-handle:before { content: "\f0c9";font-family: FontAwesome; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 14px; font-weight: normal; }
.dd3-handle:hover { background: #404040; border:1px solid #404040; }

.default-dd .dd-list .dd-item .dd-handle {background: #f5f5f5;border:1px solid #cfcfcf;padding: 8px 20px 8px 12px;height: auto;font-weight: 500;-webkit-border-radius: 3px;border-radius: 3px;-moz-border-radius: 3px;background-clip: padding-box;}
.default-dd .dd-list .dd-item .dd-handle:hover {color: #797979;border: 1px solid #aaaaaa;font-weight: 600}
.default-dd .dd-list .dd-item button {height: auto;font-size: 17px;margin: 8px auto;color: #555555;width: 30px;}
.default-dd-empty .dd-list .dd3-handle {border: none;background: #f4f8fb;height: 36px;width: 36px;}
.default-dd-empty .dd-list .dd3-handle:before {color: inherit;top: 7px;}
.default-dd-empty .dd-list .dd3-handle:hover {color: #ffffff;}
.default-dd-empty .dd-list .dd3-content {height: auto;border: none;padding: 8px 16px 8px 46px;background: #f4f8fb;font-weight: 600;}
.default-dd-empty .dd-list .dd3-content:hover {color: #ffffff;}
.default-dd-empty .dd-list button {width: 26px;height: 26px;font-size: 16px;font-weight: 600;}

.default-dd .dd-handle .dd-remove{position: absolute;right: 8px;height: 20px;line-height: 20px; display: none;font-weight: 500;font-size: 12px}
.default-dd .dd-handle:hover .dd-remove{display: inline-block;cursor: pointer}
.default-dd .dd-handle:hover .dd-remove:hover{color: red;}
.dd-dragel .dd-remove{display: none;}

.default-dd-group{border-radius: 4px; border: 1px solid #cfcfcf;}
.default-dd-group .default-dd .dd-list .dd-item .dd-handle{border:none;margin: 0;height: 36px;}
.default-dd-group .default-dd .dd-list .dd-item .dd-handle:hover{border-top: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;padding: 7px 20px 7px 12px}
.default-dd-group .default-dd .dd-list .dd-item:first-child .dd-handle:hover{border-top-width:0;padding-top: 8px;}
.default-dd-group .default-dd .dd-list .dd-item:last-child .dd-handle:hover{border-bottom-width:0;padding-bottom: 8px;}
.default-dd-group .dd-placeholder{margin:0; }

/*table拖动*/
table.table-drag > tbody > tr.table-drag-placeholder > td{padding: 10px 8px;background: #f2fbff; border: 1px dashed #b6bcbf;cursor: move;}
table.table-drag > tbody > tr.table-drag-placeholder > td:last-child{border-top: 1px dashed #b6bcbf;}
table.table-drag > tbody > tr.table-drag-placeholder +tr > td{border-top: 1px dashed #b6bcbf;}
table.table-drag > tbody > tr.table-drag-placeholder +tr > td:last-child{border-top: 1px dashed #b6bcbf;}
table.table-drag-hover{position: absolute; pointer-events: none; z-index: 9999; }
table.table-drag-hover> tbody > tr > td{border: 0 solid #dcdcdc;padding: 10px 8px;}
table.table-drag-hover> tbody > tr > td.td-input{padding:2px 0;}
table.table-drag-hover> tbody > tr > td.td-input .form-control{border-width: 0;background-color: transparent !important;}
table.table-drag .table-drag-handle{display: block;height:42px;line-height:42px;cursor: move;color: #999999;font-weight: bold;box-sizing: border-box;-moz-box-sizing: border-box;font-size: 16px;}
table.table-drag-hover .panel-text-icon .form-control{height: 42px;padding: 0 6px 1px 2px;border-width: 0;text-align: right;background-color: transparent !important;}
.inline-drag-root{padding-top: 5px;}
.inline-drag-list{display: block;position: relative;margin: 0;padding: 0;list-style: none;min-height: 40px;}
.inline-drag-item,.inline-drag-placeholder{display: inline-block;position: relative;margin: 0;padding: 0;min-height: 20px;font-size: 14px;line-height: 20px;}
.inline-drag-handle{ display: block; height: 30px; margin:5px; padding: 5px 20px; cursor: move; color: #999999; text-decoration: none; font-weight: bold; border: 1px solid #e5e5e5;background: #fafafa;box-sizing: border-box; -moz-box-sizing: border-box;}
.inline-drag-handle:hover { background-color: #E8E8E8 !important;border: 1px solid #dcdcdc !important; }
.inline-drag-placeholder{display: inline-block; margin: 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box;    vertical-align: middle; }
.inline-drag-root .cross-drag-empty{min-height: 30px;border: 1px dashed #9e9e9e; display: inline-block;width: 100px}
.inline-drag-hover{position: absolute;pointer-events: none;z-index: 9999;}
.inline-drag-hover .inline-drag-handle{padding: 5px 18px;}

/* table */
.table { margin: 0;}
.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:hover,.table > thead > tr > td.active,.table > tbody > tr > td.active,.table > tfoot > tr > td.active,.table > thead > tr > th.active,.table > tbody > tr > th.active,.table > tfoot > tr > th.active,.table > thead > tr.active > td,.table > tbody > tr.active > td,.table > tfoot > tr.active > td,.table > thead > tr.active > th,.table > tbody > tr.active > th,.table > tfoot > tr.active > th {    background-color: #f4f8fb;}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td,.table > thead > tr > th,.table-bordered {    border-top: 1px solid #ebeff2;}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td {border: 0 solid #dcdcdc;border-top: 1px solid #dcdcdc;padding: 10px 8px;}
.table > thead > tr > th {    vertical-align: bottom;    border-bottom: 0 solid #dcdcdc;}
.table-bordered > tbody > tr > td{word-break: break-all;}
.table-bordered > tbody > tr > td:last-child{border-top: 1px solid #dcdcdc;}
tbody {color: #797979;}
th {color: #666666;    font-weight: 600;}
.table-bordered {    border: 1px solid #ebeff2;}
.table-bordered-topbottom{border-width: 0;  border-bottom: 1px solid #dcdcdc;  border-top: 0 solid #ebeff2;}
table.table-bordered-topbottom.dataTable{margin-top:0!important}

/* Data table */
#datatable-editable .actions a {padding: 5px;}
#datatable-editable .form-control {background-color: #ffffff;width: 100%;}
#datatable td {font-weight: normal;}
div.dataTables_paginate ul.pagination {margin-top: 10px;}
div.dataTables_info {padding-top: 18px;}
.table{font-size: 14px;}
.dataTable a ,.dataTable a:hover,.dataTable a:focus{color: #797979;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc::after{top:13px}
table.dataTable thead > tr > th.sorting_disabled{padding-right:8px;}
table.dataTable thead>tr>th.td-sorting{    padding-right: 20px;}
table.dataTable.dataTable-sorting tbody > tr > td.td-sorting{padding-right:20px;}
table.dataTable.dataTable-sorting thead > tr > th.td-sorting-left{padding-left:20px; padding-right: 8px}
table.dataTable.dataTable-sorting thead > tr > th.td-sorting-left::after{left: 8px;right: auto}
table.dataTable.dataTable-sorting tbody > tr > td.td-sorting-left{padding-left:20px;}
table.dataTable tbody tr.even:hover,table.dataTable tbody tr.odd:hover,table.dataTable tbody tr:hover {background-color: #eef7fb;cursor: default;}
table.dataTable td{position: relative;}
table.dataTable.table-striped tbody tr.even {background-color: white;}
table.dataTable.table-striped tbody tr.odd {  background-color: #f4f8fb;}
table.dataTable.table-striped tbody tr.odd.shown + tr,table.dataTable.table-striped tbody tr.even.shown + tr{  background-color: whitesmoke;}
table.dataTable.table-striped tbody tr:hover,
table.dataTable.table-striped tbody tr.odd:hover,
table.dataTable.table-striped tbody tr.even:hover,
table.dataTable.table-striped tbody tr.odd.shown + tr:hover,table.dataTable.table-striped tbody tr.even.shown + tr:hover{  background-color: #eef7fb;  }
table.dataTable tbody tr.tr-total{background-color: #f4f8fb}
table.dataTable tbody tr.tr-show:hover{background-color: #eef7fb;}
table.dataTable thead .sorting.sort-custom, table.dataTable thead .sorting_asc.sort-custom, table.dataTable thead .sorting_desc.sort-custom{padding-right: 8px}
table.dataTable thead .sort-custom >.sort-asc-desc{margin-left: 5px}
table.dataTable thead .sorting.sort-custom >.sort-asc-desc:before{opacity: .2; content: "\f0dc";}
table.dataTable thead .sorting_asc.sort-custom >.sort-asc-desc:before{content: "\f0de";}
table.dataTable thead .sorting_desc.sort-custom >.sort-asc-desc:before{content: "\f0dd";}
table.dataTable thead .sorting.sort-custom:after, table.dataTable thead .sorting_asc.sort-custom:after, table.dataTable thead .sorting_desc.sort-custom:after{display: none;}

table.dataTable .details-control .fa.updown:before{content:"\f106"}
table.dataTable .shown .details-control .fa.updown:before{content:"\f107"}
table.dataTable .details-operate{cursor: pointer;}
table.dataTable .details-operate:hover,
table.dataTable .details-operate.active{font-weight: bold;}
.tr-details{padding: 5px 10px 0;  text-align: center;  }
.tr-details .row{margin: 0;  padding: 5px 0;  }
.tr-details .row:first-child{border-bottom: 1px dashed #797979;  }
.tr-details .row.row-tr{padding-top: 5px;}
.tr-details .row.row-tr:hover{background-color: #DAF1F1;}
.tr-details [class^=col]{padding: 0;}

.dataTables_empty{text-align: center;}
table.dataTable.table-titlenear thead > tr > th,table.dataTable.table-titlenear.table-bordered > tbody > tr > td{padding-bottom: 5px;padding-top: 5px;}
.icon-operate{position: absolute;right: 2px;top: 11px}
table.dataTable .icon-operate{margin: 0;top: 10px;right: 2px;}
table.dataTable .word-break-all .icon-operate{margin: 0;top: 9px;right: 2px;}
table.dataTable.table-titlenear .icon-operate{margin: 0;top: 8px;right: 2px;}
table.dataTable .checkbox{padding-left: 0;}
table.dataTable .checkbox input[type="checkbox"]{margin: 0;  width: 20px;  height: 20px;}
table.dataTable .radio{padding-left: 0;padding-top: 0;  min-height: inherit;}
table.dataTable .radio input[type="radio"]{margin: 0;  width: 20px;  height: 20px;}
table.dataTable .text-name{display: inline-block}

.table.table-tighten>thead > tr > th.sorting_disabled,.table.table-tighten > tbody > tr > td{padding: 5px;}
.table-panel-overflow{}
.table-panel-overflow .overflow-title{}
.table-panel-overflow .overflow-body {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 300px;
}


/*编辑*/
table.table-bordered.table-edit thead > tr > th{padding:0 14px 0 0;text-align: center;}
table.table-bordered.table-edit > tbody > tr > td{ padding:0 14px 0 0; text-align: center;}
table.table-bordered.table-edit thead > tr > th.txtleft{text-align: left}
table.table-bordered.table-edit > tbody > tr > td.txtleft{text-align: left}
table.table-edit .btn-operate{height: 38px;line-height: 38px;}
table.table-edit .form-control{border: 0 solid #cfcfcf; cursor: pointer;background-color: inherit !important;text-align: center;}
table.table-edit .form-control:focus{border: 1px solid #cfcfcf;background-color: #f5f5f5 !important;box-shadow: 0 1px 1px rgba(96, 96, 96, 0.1) inset, 0 2px 8px rgba(52, 52, 52, 0.2);cursor: auto;}
table.table-edit .form-control[disabled]{border: 0 solid #cfcfcf;background-color: inherit !important;text-align: center;cursor: default;}
table.table-edit .select2-container--bootstrap .select2-selection,table.table-edit .select2-container--bootstrap.select2-container--disabled .select2-selection:focus{padding-left: 6px;border: 0 solid #cfcfcf;box-shadow: inset 0 0 0 rgba(0,0,0,.075);background-color: inherit !important;}
table.table-edit .select2-container--bootstrap .select2-selection:focus{border: 1px solid #cfcfcf;background-color: #f5f5f5 !important;box-shadow: 0 1px 1px rgba(96, 96, 96, 0.1) inset, 0 2px 8px rgba(52, 52, 52, 0.2);border-top-width: 0;}
table.table-edit .select2-container--bootstrap.select2-container--disabled .select2-selection{ cursor: default;}
table.table-edit .select2-container--bootstrap .select2-dropdown{text-align: center;}
table.table-edit .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
table.table-edit .select2-container--bootstrap.select2-container--disabled .select2-selection--single:focus .select2-selection__arrow{  display: none;  }
table.table-edit .select2-container--bootstrap .select2-selection--single:focus .select2-selection__arrow{  display: block;  }
table.table-edit .parsley-error-icon{position: absolute;height: 38px;line-height: 38px;right: 1px;}
table.table-bordered.table-edit > tbody > tr > td.dataTables_empty{padding: 10px 8px;}
table.dataTable-edit{}
table.dataTable-edit > tbody td.edit-td{padding: 0 8px;}
table.dataTable-edit .panel-text-icon{position: relative;  display: inline-block;}
table.dataTable-edit .panel-text-icon .form-control,table.dataTable-edit .panel-text-icon .form-control[disabled]{height: 42px;padding: 0 20px 1px 2px;border-width: 0;text-align: right;}
table.dataTable-edit .panel-text-icon .text-icon{line-height: 41px;height: 41px;color: #333;display: inline-block;position: absolute;right: 5px;}
table.dataTable-edit .panel-text-icon .form-control:focus{border: 1px solid #cfcfcf;background-color: #f5f5f5 !important;box-shadow: 0 1px 1px rgba(96, 96, 96, 0.1) inset, 0 2px 8px rgba(52, 52, 52, 0.2);cursor: auto;}
table.dataTable-edit .panel-text-icon .form-control:hover{border: 1px solid #cfcfcf;}
table.dataTable-edit .panel-text-icon .form-control[disabled]{background-color:#f5f5f5 !important;}
table.dataTable-edit .panel-text-icon .form-control[disabled]:hover{border-width: 0;}
table> tbody > tr >td.td-input{padding:2px}
table td.td-input .form-control{height: 38px;  padding: 5px 12px;}
/*展开详情*/
table.dataTable.table-tr-details{}/*background-color: #F0F0F0;*/
table.dataTable.table-tr-details tr.tr-group{background-color: #F0F0F0; cursor: pointer;}
table.dataTable.table-tr-details tr.tr-group:hover{background-color: #EFF3F7;}
table.dataTable.table-tr-details tr.tr-group-details>td{}
table.dataTable.table-tr-details tr.tr-group-details>td.hideline{border-top: 0 solid #dcdcdc;}
table.dataTable.table-tr-details tr.tr-group-details>td>div{ word-break: break-all;}
table.dataTable.table-tr-details tr.tr-group-details>td>div.panel-audit>span{margin-right: 5px;  display: inline-block;}
table.dataTable.table-tr-details tr.tr-group-details>td>div.panel-audit>span:hover{background-color: #F0F0F0;}


/* Waves v0.7.5*/
.waves-effect {position: relative;cursor: pointer;display: inline-block;overflow: hidden;vertical-align: middle;z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    will-change: opacity, transform;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
.waves-effect .waves-ripple {position: absolute;border-radius: 50%;width: 100px;height: 100px;margin-top: -50px;margin-left: -50px;opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0) translate(0, 0);
    -moz-transform: scale(0) translate(0, 0);
    -ms-transform: scale(0) translate(0, 0);
    -o-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0);
    pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.4);
    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.waves-effect.waves-classic .waves-ripple {background: rgba(0, 0, 0, 0.2);}
.waves-effect.waves-classic.waves-light .waves-ripple {background: rgba(255, 255, 255, 0.4);}
.waves-notransition {-webkit-transition: none !important;-moz-transition: none !important;-o-transition: none !important;transition: none !important;}
.waves-button,.waves-circle {-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}
.waves-button,.waves-button:hover,.waves-button:visited,.waves-button-input {white-space: nowrap;vertical-align: middle;cursor: pointer;border: none;outline: none;color: inherit;background-color: rgba(0, 0, 0, 0);font-size: 1em;line-height: 1em;text-align: center;text-decoration: none;z-index: 1;}
.waves-button {padding: 0.85em 1.1em;border-radius: 0.2em;}
.waves-button-input {margin: 0;padding: 0.85em 1.1em;}
.waves-input-wrapper {border-radius: 0.2em;vertical-align: bottom;}
.waves-input-wrapper.waves-button {padding: 0;}
.waves-input-wrapper .waves-button-input {position: relative;top: 0;left: 0;z-index: 1;}
.waves-circle {text-align: center;width: 2.5em;height: 2.5em;line-height: 2.5em;border-radius: 50%;}
.waves-float {-webkit-mask-image: none;-webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.12);box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.12);-webkit-transition: all 300ms;-moz-transition: all 300ms;-o-transition: all 300ms;transition: all 300ms;}
.waves-float:active {-webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.3);box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.3);}
.waves-block {display: block;}

/*ace-file-input*/
.ace-file-input {display: block;font-size: inherit;position: relative;height: 30px;}
.ace-file-input input[type=file] {position: fixed;z-index: -2;opacity: 0;filter: alpha(opacity=0);}
.ace-file-input input[type=file]:focus {outline: none;}
.ace-file-input .ace-file-container {display: block;position: absolute;top: 0;left: 0;right: 0;height: 30px;background-color: #f5f5f5;border: 1px solid #d5d5d5;cursor: pointer;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: all 0.15s;-o-transition: all 0.15s;transition: all 0.15s;}
.ace-file-input .ace-file-container:hover {-webkit-box-shadow: none;box-shadow: none;}
.ace-file-input .ace-file-container:before {display: inline-block;content: attr(data-title);position: absolute;right: 0;top: 0;bottom: 0;line-height: 24px;text-align: center;padding: 0 8px;background-color: #6fb3e0;color: #FFF;font-size: 11px;font-weight: bold;border: 2px solid #FFF;border-left-width: 4px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.ace-file-input .ace-file-container .ace-file-name {display: inline-block;height: 28px;max-width: 80%;white-space: nowrap;overflow: hidden;line-height: 28px;color: #888888;font-size: 13px;vertical-align: top;position: static;padding-left: 30px;}
.ace-file-input .ace-file-container .ace-file-name:after {display: inline-block;content: attr(data-title);}
.ace-file-input .ace-file-container.selected {right: 16px;}
.ace-file-input .ace-file-container.selected .ace-file-name {color: #666666;}
.ace-file-input .ace-file-container .ace-icon {display: inline-block;position: absolute;left: 0;top: 0;bottom: 0;line-height: 24px;width: 26px;text-align: center;font-family: FontAwesome;font-size: 13px;border: 0 solid #FFF;color: #FFF;-webkit-transition: all 0.1s;-o-transition: all 0.1s;transition: all 0.1s;background-color: #f5f5f5;}
.ace-file-input .ace-file-container.hide-placeholder:before {display: none;}
.ace-file-input a:hover {text-decoration: none;}
.ace-file-input .remove {position: absolute;right: -8px;top: 6px;display: none;width: 17px;text-align: center;height: 17px;line-height: 15px;font-size: 14px;font-weight: normal;background-color: #fb7142;border-radius: 100%;color: #FFF;text-decoration: none;}
.ace-file-input .ace-file-container.selected + .remove {display: none;}
.ace-file-input .ace-file-container.selected:hover + .remove {display: inline-block;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {    .ace-file-input input[type=file] {position: absolute;width: 0;height: 0;}}
.ace-file-input input[type=file].disabled + .ace-file-container,
.ace-file-input input[type=file][disabled] + .ace-file-container,
.ace-file-input input[type=file][readonly] + .ace-file-container {cursor: not-allowed;background-color: #EEE;}
.ace-file-input input[type=file].disabled + .ace-file-container:hover,
.ace-file-input input[type=file][disabled] + .ace-file-container:hover,
.ace-file-input input[type=file][readonly] + .ace-file-container:hover {-webkit-box-shadow: none;box-shadow: none;border-color: #E3E3E3;}
.ace-file-input input[type=file].disabled + .ace-file-container:before,
.ace-file-input input[type=file][disabled] + .ace-file-container:before,
.ace-file-input input[type=file][readonly] + .ace-file-container:before {border-color: #EEE;background-color: #A1AAAF;}
.ace-file-input input[type=file][readonly] + .ace-file-container {cursor: default;}
.ace-file-input .ace-file-overlay {position: absolute;top: -2px;bottom: -2px;left: -2px;right: -10px;z-index: 99;background-color: rgba(0, 0, 0, 0.5);}
.ace-file-input .ace-file-overlay > .overlay-content {display: inline-block;position: relative;top: 10%;left: 0;right: 0;text-align: center;}
.ace-file-multiple {height: auto;}
.ace-file-multiple .ace-file-container {position: relative;height: auto;border: 1px solid #cfcfcf;border-radius: 4px;text-align: center;min-height: 60px;}
.ace-file-multiple .ace-file-container:hover {border: 1px solid #aaaaaa;}
.ace-file-multiple .ace-file-container:before {display: none;content: attr(data-title);position: relative;right: 0;left: 0;margin: 12px;line-height: 22px;background-color: #f5f5f5;color: #CCC;font-size: 18px;font-weight: bold;border-width: 0;}
.ace-file-multiple .ace-file-container.selected .ace-file-name .ace-icon {display: inline-block;position: absolute;left: 0;top: 0;bottom: 0;line-height: 24px;width: 26px;text-align: center;font-family: FontAwesome;font-size: 13px;border: 2px solid #FFF;color: #FFF;-webkit-transition: all 0.1s;-o-transition: all 0.1s;transition: all 0.1s;  }
.ace-file-multiple .ace-file-container .ace-file-name {position: relative;display: block;padding: 0;height: auto;width: auto;max-width: 100%;margin: 0 4px;border-bottom: 1px solid #DDD;text-align: left;}
.ace-file-multiple .ace-file-container .ace-file-name:first-child {margin-top: 1px;}
.ace-file-multiple .ace-file-container .ace-file-name:last-child {border-bottom-width: 0;margin-bottom: 1px;}
.ace-file-multiple .ace-file-container .ace-file-name img {padding: 2px;border: 1px solid #D7D7D7;background-color: #FFF;background-repeat: no-repeat;background-position: center;margin: 4px 8px 4px 1px;}
.ace-file-multiple .ace-file-container .ace-file-name:after {display: none;}
.ace-file-multiple .ace-file-container.selected .ace-file-name:after {display: inline-block;white-space: pre;}
.ace-file-multiple .ace-file-container .ace-file-name img + .ace-icon,.ace-file-multiple .ace-file-container.selected .ace-file-name img + .ace-icon {display: none;}
.ace-file-multiple .ace-file-container.selected + .remove:hover {display: inline-block;border-color: #f4c0b1;}
.ace-file-multiple .ace-file-overlay {position: absolute;top: -12px;bottom: -6px;left: -12px;right: -12px;}
.ace-file-multiple .ace-file-overlay > .overlay-content {top: 20%;}
.ace-file-multiple .ace-file-container .ace-file-name .ace-icon {position: relative;display: block;text-align: center;height: auto;line-height: 64px;width: auto;font-size: 64px;color: #D5D5D5;margin: 4px 0;background-color: #f5f5f5;}
.ace-file-multiple .ace-file-container.selected:after {display: none;}
.ace-file-multiple .ace-file-container.selected .ace-file-name .ace-icon {position: relative;margin-right: 4px;margin-left: 2px;line-height: 24px;}
.ace-file-multiple .ace-file-container .ace-file-name.large {text-align: center;border-bottom: 0 solid #222;margin: 0 1px 3px;}
.ace-file-multiple .ace-file-container .ace-file-name.large:last-child {margin: 0 1px;}
.ace-file-multiple .ace-file-container .ace-file-name.large:after {position: absolute;top: auto;bottom: 0;left: 0;right: 0;padding: 0 4px;background-color: #555;color: #FFF;opacity: 0.8;filter: alpha(opacity=80);display: none;}
.ace-file-multiple .ace-file-container .ace-file-name.large img {border-width: 0;margin: 0 !important;padding: 0;}
.ace-file-multiple input[type=file].disabled + .ace-file-container:hover,
.ace-file-multiple input[type=file][disabled] + .ace-file-container:hover,
.ace-file-multiple input[type=file][readonly] + .ace-file-container:hover {    border-color: #AAA;}
.ace-file-multiple input[type=file].disabled + .ace-file-container:before,
.ace-file-multiple input[type=file][disabled] + .ace-file-container:before,
.ace-file-multiple input[type=file][readonly] + .ace-file-container:before {    background-color: transparent;}
.ace-file-multiple input[type=file].disabled + .ace-file-container .ace-icon,
.ace-file-multiple input[type=file][disabled] + .ace-file-container .ace-icon,
.ace-file-multiple input[type=file][readonly] + .ace-file-container .ace-icon {    border-color: #EEE;}
.ace-file-name .file-msg-top{display: block;text-align: center;font-size: 18px;color: #ccc;padding: 5px 0;font-weight: bold;border-width: 0;}
.ace-file-name .file-msg-botton{display: block;text-align: center;font-size: 14px;color: #ccc;padding: 0 0 5px 0;}
.ace-file-multiple .ace-file-container .ace-file-name img +  .file-msg-top,
.ace-file-multiple .ace-file-container.selected .ace-file-name img +.file-msg-top,
.ace-file-multiple .ace-file-container .ace-file-name img +  .file-msg-top + .ace-icon,
.ace-file-multiple .ace-file-container.selected .ace-file-name img +.file-msg-top + .ace-icon,
.ace-file-multiple .ace-file-container .ace-file-name img +.file-msg-top + .ace-icon + .file-msg-botton ,
.ace-file-multiple .ace-file-container.selected .ace-file-name img +.file-msg-top + .ace-icon +.file-msg-botton{display: none;}
.ace-file-name .file-msg-top.hide-placeholder{display: none;}
.ace-file-name .file-msg-botton.hide-placeholder{display: none;}
.hide-placeholder .ace-file-name .file-msg-top,
.hide-placeholder .ace-file-name .file-msg-botton {display: none;}
.ace-file-multiple .remove {right: 0;top: 0;background-color: transparent;color: red;width: 20px;height: 20px;line-height: 20px;padding: 3px 3px 0 0;}
.ace-file-multiple .remove .fa{    vertical-align: top;}
.file-msg-title{position: absolute;left: 0;right: 0;top: auto;bottom: -27px;width: auto;height: 27px;background-color: rgba(0,0,0,.55);color: #ffffff;text-align: center;vertical-align: middle;-webkit-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.ace-file-name:hover.img-upload-success>.file-msg-title {top: auto;bottom: 0}

.box-file-base{position: relative;}
.panel-btn-file{position: relative; display: inline-block;}
.panel-btn-file >input[type="file"]{opacity: 0;width: 100%;height:100%;position: absolute;top: 0;left: 0;z-index: 10;}
.panel-btn-file .loader-inner{position: absolute;right: -30px;top: 3px;}
.btn-file-loader-bg.modal-backdrop.fade.in{opacity: 0;  background-color: transparent;  z-index: 2000;}
/*powerfloat-box*/
.powerfloat-box{border: 1px solid #e7e7e7;  box-shadow: 0 2px 2px rgba(96, 96, 96, 0.1) inset, 0 4px 8px rgba(52, 52, 52, 0.2);background-color: #ffffff;}
.powerfloat-box table.dataTable{margin: 0 !important; border-radius: 4px;}
.powerfloat-box .overflow-title{}
.powerfloat-box .overflow-body table.dataTable{margin-top: -41px !important;}
.powerfloat-box .imgselect-list >li,.powerfloat-box .imgselect-list li img{cursor: default;}
.powerfloat-box .imgselect-list >li:first-child{margin-left: 4px;}
.powerfloat-box .panel-span-list{  padding: 5px;}
.powerfloat-box .panel-span-list > span{border: 1px solid #DEDFE2 !important;background-color: #E7E8EB !important;color: #60667a !important;border-radius: 2px;padding: 6px 14px;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;display: inline-block;margin-right: 2px;}
.powerfloat-box .panel-imgselect{max-width: 226px}

/*sweet-alert*/
.sweet-alert{font-family: "Microsoft YaHei"}
.sweet-alert p{word-break: break-all;}
.sweet-alert p .sa-detail-row{display: block;text-align: left}
/*.data-loading*/
.datajsonload{position: relative;}
.datajson-load-box{}
.datajson-load,.datajson-load-content{display: none;position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;background-color: #f7f7f7;opacity: 1;text-align: center;border-radius: 4px;}
.datajson-load .data-nothing,.datajson-load-content .data-nothing{display: block; font-size: 20px; color: #c0c0c0;width: 100%;height: 100%}
.datajson-load .data-nothing .fa,.datajson-load-content .data-nothing .fa{ font-size: 25px;  margin-right: 10px;}

.data-loading{height: 100%;width: 100%;position: fixed;z-index: 1000;margin-top: 0;top: 0;display: none;}
.data-loading .loading-bg{background-color: rgba(0,0,0,0.5);height: 100%;width: 100%;position: fixed;z-index: 1;margin-top: 0;top: 0;display: block;}
.data-loading .loading-center{width: 100%;height: 100%;position: relative;z-index: 2;}
.data-loading-body.data-loading{position: fixed;}
.data-loading-body.data-loading .loading-bg {position: fixed; background-color: rgba(0,0,0,0.5);}
.data-loading-box.data-loading{position: absolute;}
.data-loading-box.data-loading .loading-bg {position: absolute; background-color: rgba(0,0,0,0.02);}
.data-loading .loading-center-absolute{position: absolute;left: 50%;top: 50%;height: 20px;width: 100px;margin-top: -10px;margin-left: -50px;}

.data-loading .loading-center-absolute.loading-dotmoveright-base{height: 20px;margin-top: -10px;}
.loading-dotmoveright {width: 20px;height: 20px;background-color: #FFF;-moz-border-radius: 50% 50% 50% 50%;-webkit-border-radius: 50% 50% 50% 50%;border-radius: 50% 50% 50% 50%;margin-right: 20px;margin-bottom: 20px;position: absolute;}.loading-dotmoveright.dotmoveright1{-webkit-animation: loading-dotmoveright  2s linear infinite;animation: loading-dotmoveright  2s linear infinite;}
.loading-dotmoveright.dotmoveright2{-webkit-animation: loading-dotmoveright  2s linear infinite -.4s;animation: loading-dotmoveright  2s linear infinite -.4s;}
.loading-dotmoveright.dotmoveright3{-webkit-animation: loading-dotmoveright  2s linear infinite -.8s;animation: loading-dotmoveright  2s linear infinite -.8s;}
.loading-dotmoveright.dotmoveright4{-webkit-animation: loading-dotmoveright  2s linear infinite -1.2s;animation: loading-dotmoveright  2s linear infinite -1.2s;}
.loading-dotmoveright.dotmoveright5{-webkit-animation: loading-dotmoveright  2s linear infinite -1.6s;animation: loading-dotmoveright  2s linear infinite -1.6s;}
@-webkit-keyframes loading-dotmoveright {
    0% { left: 100px; top:0}
    80% { left: 0; top:0;}
    85% { left: 0; top: -20px; width: 20px; height: 20px;}
    90% { width: 40px; height: 15px; }
    95% { left: 100px; top: -20px; width: 20px; height: 20px;}
    100% { left: 100px; top:0; }

}
@keyframes loading-dotmoveright {
    0% { left: 100px; top:0}
    80% { left: 0; top:0;}
    85% { left: 0; top: -20px; width: 20px; height: 20px;}
    90% { width: 40px; height: 15px; }
    95% { left: 100px; top: -20px; width: 20px; height: 20px;}
    100% { left: 100px; top:0; }
}

.data-loading .loading-center-absolute.loading-lineenlarge-base{height: 60px;margin-top: -30px;}
.loading-lineenlarge {background-color: #5fbeaa;height: 100%;width: 4px;display: inline-block;margin-right: 3px;-webkit-animation: loading-lineenlarge 1.2s infinite ease-in-out;animation: loading-lineenlarge 1.2s infinite ease-in-out;}
.loading-lineenlarge.lineenlarge2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.loading-lineenlarge.lineenlarge3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.loading-lineenlarge.lineenlarge4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.loading-lineenlarge.lineenlarge5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes loading-lineenlarge {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}
@keyframes loading-lineenlarge {
    0%, 40%, 100% {transform: scaleY(0.4);-webkit-transform: scaleY(0.4);}
    20% {   transform: scaleY(1.0);   -webkit-transform: scaleY(1.0);}
}
.data-loading .loading-center-absolute.loading-doublebounce-base {height: 60px;margin-top: -30px;width: 60px;margin-left: -30px; }
.loading-doublebounce {width: 100%;height: 100%;border-radius: 50%;background-color: #2196f3;opacity: 0.6;position: absolute;top: 0;left: 0;-webkit-animation: loading-doublebounce 2.0s infinite ease-in-out;animation: loading-doublebounce 2.0s infinite ease-in-out;}
.loading-doublebounce.doublebounce2 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
@-webkit-keyframes loading-doublebounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}
@keyframes loading-doublebounce {
    0%, 100% {transform: scale(0.0);-webkit-transform: scale(0.0);}
    50% {  transform: scale(1.0);  -webkit-transform: scale(1.0);}
}
.data-loading .loading-center-absolute.loading-bounce-base{height: 30px;margin-top: -15px;width: 150px;margin-left: -75px;}
.loading-bounce {width: 30px;height: 30px;background-color: #2196f3;border-radius: 100%;display: inline-block;-webkit-animation: loading-bounce 1.4s infinite ease-in-out;animation: loading-bounce 1.4s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.loading-bounce.bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.loading-bounce.bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes loading-bounce {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}
@keyframes loading-bounce {
    0%, 80%, 100% {transform: scale(0.0);-webkit-transform: scale(0.0);}
    40% {transform: scale(1.0);-webkit-transform: scale(1.0);}
}
.data-loading .loading-center-absolute.loading-circle-base  {height: 60px;margin-top: -30px;width: 60px;margin-left: -30px;}
.loading-circle-container {position: absolute;width: 100%;height: 100%;}
.circle-container2 {-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.circle-container3 {-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg);}
.loading-circle {width: 16px;height: 16px;background-color: #2196f3;border-radius: 100%;position: absolute;-webkit-animation: loading-circle 1.2s infinite ease-in-out;animation: loading-circle 1.2s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
.circle-container2 .circle1 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.circle-container3 .circle1 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.circle-container1 .circle2 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.circle-container2 .circle2 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
.circle-container3 .circle2 {-webkit-animation-delay: -0.7s;animation-delay: -0.7s;}
.circle-container1 .circle3 {-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
.circle-container2 .circle3 {-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.circle-container3 .circle3 {-webkit-animation-delay: -0.4s;animation-delay: -0.4s;}
.circle-container1 .circle4 {-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}
.circle-container2 .circle4 {-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
.circle-container3 .circle4 {-webkit-animation-delay: -0.1s;animation-delay: -0.1s;}
@-webkit-keyframes loading-circle {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}
@keyframes loading-circle {
    0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0);}
    40% { transform: scale(1.0);-webkit-transform: scale(1.0);}
}

.ball-clip-rotate > div {border-radius: 100%;margin: 2px;-webkit-animation-fill-mode: both;animation-fill-mode: both;border: 2px solid #ccc;border-bottom-color: transparent;height: 20px;width: 20px;background: transparent !important;display: inline-block;-webkit-animation: rotate 0.75s 0s linear infinite;animation: rotate 0.75s 0s linear infinite; }
@keyframes rotate {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg) ; }
    50% {-webkit-transform: rotate(180deg);transform: rotate(180deg); }
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg); }
}
@keyframes scale {
    30% {-webkit-transform: scale(0.3);transform: scale(0.3); }
    100% {-webkit-transform: scale(1);transform: scale(1); }
}
/*week-hour*/
.panel-week-hour{cursor: default;}
.time-quick-classify >a,.time-quick-operate>a{padding: 0 0 0 20px;display: inline-block;text-align: center;color: #2196f3;cursor: pointer;text-decoration: none;}
.time-quick-classify >a:first-child,.time-quick-operate>a:first-child{padding: 0;}
.time-quick-classify >a:hover,.time-quick-operate>a:hover{color: #035DA5;text-decoration: underline;}
.week-hour-single{width: 100%;border-bottom: 1px solid #eee;font-size: 12px;margin-top: 20px;}
.week-hour-single thead tr {border: 1px solid #eee;border-left: 0;border-right: 0;}
.week-hour-single th, .week-hour-single td {text-align: center;cursor: pointer;}
.week-hour-single td{width: 30px;height: 30px;line-height: 30px;}
.week-hour-single th {height: 40px;font-weight: normal;}
.week-hour-single th.hour-interval, .week-hour-single td.hour-interval{width:10px;height:30px;cursor: default;}
.week-hour-single thead tr th:first-child,.week-hour-single tbody tr td:first-child{padding-right: 15px;width: 60px;text-align: right;border-right: 1px solid #eee;}
.week-hour-single .week-title{text-align: left;}
.week-hour{}
.week-hour-normal i{width: 20px;height: 20px;display: block;margin: 0 auto;border-radius: 20px;border: 1px solid #dedede;background-color: #F9F9F9;vertical-align: middle;}
.week-hour-hover i{border-color: #2196f3;background-color: #ffffff;}
.week-hour-selected i{border-color:#2196f3;background-color: #2196f3;}
.week-hour-tips{ margin: 20px 0 10px 0; padding-left: 15px;}
.week-hour-tips .week-hour{height: 20px;width: 20px;display: inline-block;margin-right: 3px;vertical-align: sub;cursor: default;}
.week-hour-tips  .tips-title{vertical-align: top;}

/*move-select*/
.move-select{}
.move-select .search-text{width: 100%;padding-left: 5px;height: 30px; }
.move-select .selected-title{margin: 7px 0 3px 0}
.move-body-left,.move-body-right{  padding: 5px;  overflow-y: auto;  height: 350px;  position: relative;border-radius: 4px;  }
.move-select .search-text,.move-body-left,.move-body-right{border: 1px solid #E3E3E3;}
.move-body-select{margin: 0;padding: 0;list-style-type: none;}
.move-body-select li{height: 22px;line-height: 22px;}
.move-body-select li i{color: #D3D3D3;}
.move-body-select li i:hover {cursor: pointer;}
.move-body-select li:hover{background-color: #beebff;}
.move-body-select li:hover i {color: #ff0000;}
.move-selected-remove{margin-top: 4px}
/*radiocheckbox*/
/*panel-imgselect*/
.panel-imgselect{}
.panel-imgselect .imgselect-list{list-style: none;margin: 0;padding: 0;position: relative;}
.imgselect-list >li{float: left;display: block;position: relative;overflow: hidden;margin: 2px 4px;border: 2px solid #cfcfcf;list-style:none}
.imgView >li{float: left;display: block;position: relative;overflow: hidden;margin: 2px 4px;list-style:none;border:none !important;}
.imgselect-list >li:first-child{margin-left: 0;}
.imgselect-list>li:before {content: "\2714";display: block;position: absolute;margin: auto;top: -4px;left: auto;bottom: auto;right: -5px;width: 20px;height: 20px;line-height: 20px;background:  #2196f3;border-radius: 50px;color: #fff;text-align: center;font-size: 16px;z-index: 10;opacity: 0;
    transition:         0.3s linear;
    -o-transition:      0.3s linear;
    -ms-transition:     0.3s linear;
    -moz-transition:    0.3s linear;
    -webkit-transition: 0.3s linear;
    -o-user-select:      none;
    -moz-user-select:    none;
    -webkit-user-select: none;
    cursor: pointer;
}
.imgselect-list li.imgselect-disabled,.imgselect-list>li.imgselect-disabled:before,.imgselect-list li.imgselect-disabled img{cursor:no-drop;}
.imgselect-list li.imgselect-disabled,.imgselect-list li.imgselect-disabled img{background-color: #999;opacity: 0.65;}
.imgselect-list>li.selected:before {opacity: 1;}
.imgselect-list>li.selected{border: 2px solid #2196f3;}
.imgselect-list >li>:first-child {display: block;position: relative;}
.imgselect-list>li>:first-child:focus {outline: 0}
.imgselect-list>li>.imgselect-title {position: absolute;top: 0;bottom: 0;left: -30px;width: 24px;background-color: rgba(0,0,0,.55);color: #ffffff;text-align: center;vertical-align: middle;-webkit-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease}
.imgselect-list>li>.imgselect-title.imgselect-title-right {left: auto;right: -30px}
.imgselect-list>li>.imgselect-title.imgselect-title-bottom {width: auto;height: 22px;left: 0;right: 0;top: auto;bottom: -24px}
.imgselect-list>li>.imgselect-title.imgselect-title-top {width: auto;height: 22px;left: 0;right: 0;top: -24px;bottom: auto}
.imgselect-list>li:hover>.imgselect-title {left: 0;right: 0}
.imgselect-list>li:hover>.imgselect-title.imgselect-title-bottom {top: auto;bottom: 0}
.imgselect-list>li:hover>.imgselect-title.imgselect-title-top {bottom: auto;top: 0}
.imgselect-list>li:hover>.imgselect-title.imgselect-title-right {left: auto;right: 0}
.imgselect-list li img{position: absolute;margin: auto;top: 0; left: 0; bottom: 0; right: 0;width: 100%;height: 100%;border-radius: 1px;cursor: pointer;box-shadow: 0 0 0 4px #fff;}
.imgselect-list li.img-animation img {
    animation:        unselected 0.2s cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -o-animation:     unselected 0.2s cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -ms-animation:    unselected 0.2s cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -moz-animation:   unselected 0.2s cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -webkit-animation: unselected 0.2s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

@keyframes unselected {
    0% { box-shadow: 0 0 0 4px #fff; }
    50% { transform: scale(0.9); opacity: 0.8; box-shadow: 0 0 0 4px #fff; }
    80%,100% { width: 100%; height: 100%; box-shadow: 0 0 0 4px #fff; }
}
@-o-keyframes unselected {
    0% { box-shadow: 0 0 0 4px #fff; }
    50% { -o-transform: scale(0.9); opacity: 0.8; box-shadow: 0 0 0 4px #fff; }
    80%,100% { width: 100%; height: 100%; box-shadow: 0 0 0 4px #fff; }
}
@-ms-keyframes unselected {
    0% { box-shadow: 0 0 0 4px #fff; }
    50% { width: 45%; height: 45%; opacity: 0.8; box-shadow: 0 0 0 4px #fff; }
    80%,100% { width: 100%; height: 100%; box-shadow: 0 0 0 4px #fff; }
}
/*@-moz-transition unselected {
0% { box-shadow: 0 0 0 4px #fff; }
50% { -moz-transform: scale(0.9); opacity: 0.8; box-shadow: 0 0 0 4px #fff; }
80%,100% { width: 100%; height: 100%; box-shadow: 0 0 0 4px #fff; }
}*/
@-webkit-keyframes unselected {
    0% { box-shadow: 0 0 0 4px #fff; }
    50% { -webkit-transform: scale(0.9); opacity: 0.8; box-shadow: 0 0 0 4px #fff; }
    80%,100% { width: 100%; height: 100%; box-shadow: 0 0 0 4px #fff; }
}

/* img selection */
.imgselect-list li.selected img{box-shadow: 0 0 0 4px #2196f3;}
.imgselect-list li.selected.img-animation img {
    animation:        selected 0.2s ;
    -o-animation:     selected 0.2s ;
    -ms-animation:    selected 0.2s ;
    -moz-animation:   selected 0.2s ;
    -webkit-animation: selected 0.2s;
}

@keyframes selected {
    0% { border-color: #fff; }
    50% { transform: scale(0.9); opacity: 0.8; box-shadow: 0 0 0 4px #fff; }
    80%,100% { width: 100%; height: 100%; box-shadow: 0 0 0 4px #fff; }
}
@-o-keyframes selected {
    0% { box-shadow: 0 0 0 4px #fff; }
    50% { -o-transform: scale(0.9); opacity: 0.8; box-shadow: 0 0 0 4px #fff; }
    80%,100% { width: 100%; height: 100%; box-shadow: 0 0 0 4px #fff; }
}
@-ms-keyframes selected {
    0% { box-shadow: 0 0 0 4px #fff; }
    50% { width: 45%; height: 45%; opacity: 0.8; box-shadow: 0 0 0 4px #fff; }
    80%,100% { width: 100%; height: 100%; box-shadow: 0 0 0 4px #fff; }
}
/*@-moz-transition selected {
0% { box-shadow: 0 0 0 4px #fff; }
50% { -moz-transform: scale(0.9); opacity: 0.8; box-shadow: 0 0 0 4px #00c09e; }
80%,100% { width: 100%; height: 100%; box-shadow: 0 0 0 4px #00c09e; }
}*/
@-webkit-keyframes selected {
    0% { box-shadow: 0 0 0 4px #fff; }
    50% { -webkit-transform: scale(0.9); opacity: 0.8; box-shadow: 0 0 0 4px #fff; }
    80%,100% { width: 100%; height: 100%; box-shadow: 0 0 0 4px #fff; }
}

.imgselect-list .imgselect-fs-0{font-size: 0;}
.imgselect-list >li>.imgselect-btn{font-size: 14px;}
.imgselect-list >li>.imgselect-btn.imgselect-center{margin: 0 auto;}
.imgselect-list >li>.imgselect-btn.imgselect-inline-block{display: inline-block;}
.imgselect-describe{ cursor: pointer;font-size: 14px;}
.imgselect-describe-right{
    display: inline-block;
    width: 100px;
    vertical-align: top;
    text-align: center;
}
.imgselect-describe-bottom{
    margin: 0 0 0 4px;
}
.imgselect-describe-top{}
.imgselect-describe-left{}

